.colorswatch{position:fixed;z-index:99999;top:calc(50% - 124px);left:0;display:block;text-align:center;display:none}.colorswatch-inside.tools:nth-child(3){top:36px}.colorswatch-inside a{background:#fff;width:30px;height:30px;display:block;border-radius:50%;margin:5px;float:left}.colorswatch-inside.tools{position:absolute;left:-280px;transition:.5s;top:0;width:280px}.colorswatch-btn.js-colorswatch{background:#ed6121;color:#fff;width:40px;height:40px;line-height:40px;font-size:20px;cursor:e-resize}.colorswatch:hover .colorswatch-inside.tools a{box-shadow:0 0 3px #1b1a1c5c}.colorswatch:hover .colorswatch-inside.tools{left:40px}.colorswatch .color-green{background:#d68a26}.colorswatch .color-yellow{background:#d9bc6d}.colorswatch .color-blue{background:#8c1c39}.colorswatch .color-crimson{background:#e62a4e}.colorswatch .color-orange{background:#ed6221}.colorswatch .color-green-two{background:#18b521}.colorswatch a.color-green-three{background:#01a675}.colorswatch a.color-light-blue{background:#0476ff}.colorswatch a.color-light-perpul{background:#bb2ed2}.colorswatch a.color-light-ywl{background:#fcbb00}.colorswatch a.color-light-crm{background:#f40c43}.colorswatch a.color-light-crmt{background:#3a5bbb}.demo-rtl,.demo-ltr{position:fixed;z-index:99999;top:calc(50% - 81px);left:0;display:block;text-align:center;background:#001e57;width:40px;height:40px;color:#fff!important;line-height:40px;font-weight:700;cursor:pointer}.demo-rtl a,.demo-ltr a{color:#fff}.demo-ltr{display:none}.rtl .demo-rtl{display:none}.rtl .demo-ltr{display:block;left:auto;right:0}.rtl .colorswatch{left:auto;right:0}.rtl .colorswatch-inside.tools{left:auto;right:-280px}.rtl .colorswatch:hover .colorswatch-inside.tools{left:auto;right:-40px}.colorswatch .active{border:4px solid #001e57}.demo-rtl{display:none}